File: /var/www/html/orbidirectory.com/resources/views/front/home.blade.php
@extends('layouts.front.main_layout')
{{-- @dd($seo) --}}
@if ($seo)
@section('title', $seo->meta_title)
@section('meta_keywords', $seo->meta_keywords)
@section('meta_description', $seo->meta_description)
@section('canonical_tag', $seo->canonical_tag)
@section('og_title', $seo->og_title ?? $seo->meta_title)
@section('og_description', $seo->og_description ?? $seo->meta_description)
@section('og_image', $seo->og_image)
@section('og_url', $seo->og_url ?? url()->current())
@section('twitter_card', $seo->twitter_card)
@section('twitter_title', $seo->twitter_title ?? $seo->meta_title)
@section('twitter_description', $seo->twitter_description ?? $seo->meta_description)
@section('twitter_image', $seo->twitter_image)
@endif
@section('content')
<section class="banner">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 col col-md-12 col-sm-12 col-12">
<div class="banner-wrap">
<div class="banner-heading">
@if (isset($website_name) && $website_name)
<span class="small-text">Welcome to {{ $website_name }}</span>
@else
<span class="small-text">Welcome to Orbi directory</span>
@endif
<h1>Search Book & Rent<i style="color: #f7c033;">Vehicle</i> Easily</h1>
</div>
<div class="banner-form">
<form action="{{ route('search.results') }}" method="GET" id="searchForm_home">
<div class="row banner-form-inner d-none">
<div class="banner-drop banner-dropSearch">
<div class="search_box">
<input class="icon-input__text-field" type="text" placeholder="Search..">
</div>
<button type="submit" class="btn search-button">Search</button>
</div>
</div>
<div class="row banner-form-inner">
@php
$cities = App\Models\CitySelection::get();
$selectedCity = Cookie::get('selected_city', null);
@endphp
<div class="col-md-4 banner-search-position">
<div class="banner-drop location-search">
<select name="city_id" id="city_id"
class="form-control form-1 js-select-2-single2">
<option value="">Select City</option>
@foreach ($cities as $city)
<option value="{{ $city->id }}"
@if ($city->id == $selectedCity) selected @endif>
{{ $city->name }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-4 banner-drop-display">
<div class="banner-drop">
<select id="service_type" class="js-select-2-single1 form-control"
name="service_type">
<option value="">Transport Type</option>
<option value="">Passenger Transport</option>
<option value="">Cargo Transport</option>
</select>
</div>
</div>
{{-- <div class="col-md-4 banner-drop-display">
<div class="banner-drop">
<select id="brand" class="js-select-2-single1 form-control" name="brand">
<option value="">Brand</option>
@foreach ($vehicle_brand as $key)
<option value="{{ $key->id }}">{{ $key->name }}</option>
@endforeach
</select>
</div>
</div> --}}
{{-- <div class="col-md-4">
<div class="banner-drop">
<select id="model" class="js-select-2-single2 form-control" name="model">
<option value="">Model</option>
</select>
</div>
</div> --}}
{{-- @php
$cities = App\Models\CitySelection::get();
$selectedCity = Cookie::get('selected_city', null);
@endphp
<div class="col-md-3 banner-search-position">
<div class="banner-drop location-search">
<select name="city_id" id="city_id"
class="form-control form-1 js-select-2-single2">
<option value="">Select City</option>
@foreach ($cities as $city)
<option value="{{ $city->id }}"
@if ($city->id == $selectedCity) selected @endif>
{{ $city->name }}</option>
@endforeach
</select>
</div>
</div> --}}
<div class="col-md-4 col-sm-6 col-6 banner-search-position">
<div class="banner-search">
<button type="submit"
class="btn search-button d-lg-block d-none">Search</button>
<button type="submit"
class="btn w-100 style-skew d-lg-none"><span>Search</span></button>
</div>
</div>
</div>
</form>
</div>
<form id="search_icon_form" action="{{ route('search.results') }}" method="GET">
{{-- <!-- Banner Icons --> --}}
<div class="banner-icons">
@foreach ($vehicle_types as $vehicleType)
<div class="banner-text">
<label for="vehicleTypeId{{ $vehicleType->id }}">
<input type="radio" name="vehicleTypeId"
id="vehicleTypeId{{ $vehicleType->id }}" value="{{ $vehicleType->id }}"
onclick="this.form.submit()" style="display: none;">
@php
$mediaUrl = $vehicleType->getFirstMediaUrl('vehicle_type_image');
@endphp
@if ($mediaUrl)
<img src="{{ $mediaUrl }}" alt="{{ $vehicleType->name }}">
@else
<img src="{{ asset('assets/front/website/img/sedan.png') }}"
alt="{{ $vehicleType->name }}">
@endif
<p>{{ $vehicleType->name }}</p>
</label>
</div>
@endforeach
{{-- @foreach ($vehicle_types as $vehicleType)
<div class="banner-text">
<label>
<input type="radio" name="vehicleTypeId" id="vehicleTypeId"
value="{{ $vehicleType->id }}" onclick="this.form.submit()"
style="display: none;">
<img src="{{ asset('assets/front/website/img/' . strtolower($vehicleType->name) . '.png') }}"
alt="{{ $vehicleType->name }}">
<p>{{ $vehicleType->name }}</p>
</label>
</div>
@endforeach --}}
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="video-wrap">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="video-wrap-clip">
<div class="video-img-1">
<img src="{{ asset('assets/front/website/img/video-banner-1.png') }}" alt="...">
</div>
<div class="video-img-2">
<img src="{{ asset('assets/front/website/img/video-banner-2.jpeg') }}" alt="...">
</div>
<div class="overlay_play">
<div class="video-play-btn ripple">
<a href="#" class="play-btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="far fa-play-circle"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Modal video popup -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg"> <!-- modal-lg for bigger video -->
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
Welcome to {{ $website_name ?? 'Orbi Directory' }}
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body text-center">
<video id="modalVideo" width="100%" controls autoplay muted>
<source
src="{{ $website_home_video ?? asset('assets/front/website/img/pexels_videos_946146.mp4') }}"
type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-12" id="whychoose-us">
<div class="video-text">
<span class="small-text">ABOUT US</span>
@if (isset($website_name) && $website_name)
<h2>Welcome to {{ $website_name }}</h2>
@else
<h2>Welcome to Orbi Transit Directory</h2>
@endif
<p>Discover and connect with local taxi services hassle-free at Orbi. Our platform offers free
listings and easy search functionality, so you can find taxi contact details and services
quickly and conveniently. Simplify your transportation needs with us!</p>
<div class="video-list">
<ul>
<li><i class="fas fa-user"></i> Connect with local taxi services.</li>
<li><i class="fas fa-search-location"></i> Effortless search for taxi information.</li>
<li><i class="fas fa-hand-holding-heart"></i> Zero commission fee.</li>
<li><i class="fas fa-taxi"></i> Simplifying your travel experience.</li>
</ul>
</div>
<div class="video-button">
<a class="btn style-skew" href="#" data-bs-toggle="modal"
data-bs-target="#exampleModal-1"><span>Let's Ride Now</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="car-cards">
<div class="container">
<div class="row">
<div class="col-12">
<div class="hh" id="taxi_services">
<span class="small-text">Book Your Suitable ride</span>
<h2>Discover the Best Taxi Services in Your Area</h2>
</div>
<div class="car-cards-button">
<a class="btn style-skew" id="viewAllBtn" href="{{ route('search.results') }}"><span>View
all</span></a>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div
class="vehicle_switchTabs style-skew-1 text-start d-flex justify-content-center align-items-center">
<button class="btn activeTab_btn" data-target="passenger">
<span>Passenger Transport</span>
</button>
<button class="btn" data-target="cargo">
<span>Cargo Transport</span>
</button>
</div>
</div>
</div>
<div class="row passenger_vehicles" id="vehicle-list" style="display: flex">
@if ($transporters->isEmpty())
<div class="col-12">
<div class="alert alert-warning text-center">
{{ $noVehiclesMessage }}
</div>
</div>
@else
@include('front.partial.transportVehicle_list')
@endif
</div>
<div class="row cargo_vehicles" id="cargo_vehicle_list" style="display: none">
@include('front.partial.transportCargo_vehicle_list')
</div>
</div>
</section>
{{-- end let's ride now popup --}}
{{-- modal --}}
<div class="modal fade orbimodal orbi-viewcontactdetails" id="orbi-viewcontactdetails" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">View Contact Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
<section class="process" id="process-section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="title-area style2 text-center">
<h2 class="sec-title">Booking Process</h2>
</div>
</div>
</div>
<div class="booking-line-area">
<div class="line-1"><img decoding="async" src="{{ asset('assets/front/website/img/line1.png') }}"
alt="line1"></div>
<div class="line-2"><img decoding="async" src="{{ asset('assets/front/website/img/line2.png') }}"
alt="line2"></div>
<div class="line-3"><img decoding="async" src="{{ asset('assets/front/website/img/line3.png') }}"
alt="line3"></div>
<div class="row justify-content-center align-items-center">
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="booking-process">
<div class="booking-process_img style2"><img decoding="async"
src="{{ asset('assets/front/website/img/booking-process_1.svg') }}"
alt="booking process_1"></div>
<div class="booking-process_content">
<h3 class="box-title title"><a href="#">Search by Location</a></h3>
<p class="booking-process_text desc">Enter your city or service area to
view local transporters available near you.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="booking-process">
<div class="booking-process_img style2"><img decoding="async"
src="{{ asset('assets/front/website/img/booking-process_2.svg') }}"
alt="booking process_2"></div>
<div class="booking-process_content">
<h3 class="box-title title"><a href="#">Choose Vehicle Type</a></h3>
<p class="booking-process_text desc">Select the right vehicle based on your transport need
— whether it’s for passengers or cargo.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="booking-process">
<div class="booking-process_img style2"><img decoding="async"
src="{{ asset('assets/front/website/img/booking-online.png') }}"
alt="booking process_3"></div>
<div class="booking-process_content">
<h3 class="box-title title"><a href="#">Connect with Transporter</a></h3>
<p class="booking-process_text desc"> Get contact details instantly. Call and coordinate
directly with the
transporter — no middleman.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="faq-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="faq-text">
<span class="small-text">FAQ'S</span>
<h2>Frequently Asked Question</h2>
</div>
<div class="accordion" id="accordionExample">
@foreach ($faqs as $faq)
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button"
data-bs-toggle="collapse" data-bs-target="#collapseOne{{ $faq->id }}"
aria-expanded="true" aria-controls="collapseOne">
{{ $faq->question }}
</button>
</h2>
<div id="collapseOne{{ $faq->id }}" class="accordion-collapse collapse"
data-bs-parent="#accordionExample">
<div class="accordion-body">
{{ $faq->answer }}
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-12">
<div class="faq-image">
<img src="{{ asset('assets/front/website/img/car_faq.png') }}" alt="...">
</div>
</div>
</div>
</div>
</section>
<section class="taxi-banner" id="register_bussiness">
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<div class="taxi-banner-text">
{{-- <span class="small-text">CALL US TO BOOK A TAXI</span><br> --}}
<span class="small-text">CALL US TO REGISTER YOUR BUSINESS</span><br>
{{-- <h2>052 (699) 256 – 693</h2> --}}
{{-- @if (isset($website_phone_number) && $website_phone_number)
<span class="dark-text"> (+91) {{ $website_phone_number }}</span>
@else
<span class="dark-text"> (+91) 9825476243</span>
@endif --}}
<p>Join the Orbi Directory now! Call us to register your business and <br>
connect with a wider audience.</p>
{{-- <p>Maintain optimal business ompetitive products grow strategic and <br>
technically sound human capital distributed.</p> --}}
<a class="btn style-skew" href="#" data-bs-toggle="modal"
data-bs-target="#exampleModal-2">
<span>REGISTER YOUR BUSINESS</span>
{{-- <span>DISCOVER MORE</span> --}}
</a>
</div>
</div>
</div>
</div>
</section>
<section class="newsletter">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<div class="footer-newsletter">
<div class="newsletter-content">
<h3>News Subscription</h3>
<p>Get Latest Deals from Waker’s Inbox</p>
</div>
<div id="mc_embed_shell" class="form">
<link href="//cdn-images.mailchimp.com/embedcode/classic-061523.css" rel="stylesheet"
type="text/css">
<style type="text/css">
/* #mc_embed_signup {
background: #fff;
false;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
width: 600px;
} */
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup" class="form">
<form
action="https://orbidirectory.us7.list-manage.com/subscribe/post?u=f94e23b18befde5c818f04f97&id=182311dcc4&f_id=00cbc6e1f0"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
class="validate" target="_blank">
<div id="mc_embed_signup_scroll form-group">
<div class="form-wrap">
{{-- <h2>Subscribe</h2> --}}
{{-- <div class="indicates-required"><span class="asterisk">*</span> indicates required
</div> --}}
<div class="mc-field-group">
{{-- <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label> --}}
<input type="email" name="EMAIL"
class="required email form-control form" id="mce-EMAIL"
required="" value="" placeholder="Email Address">
</div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" name="subscribe" id="mc-embedded-subscribe"
class="button btn style-skew-5" value="Subscribe">
{{-- <p style="margin: 0px auto;"><a href="http://eepurl.com/jeLot2"
title="Mailchimp - email marketing made easy and fun"><span
style="display: inline-block; background-color: transparent; border-radius: 4px;"><img
class="refferal_badge"
src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg"
alt="Intuit Mailchimp"
style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;"></span></a>
</p> --}}
</div>
</div>
</div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display: none;">
</div>
<div class="response" id="mce-success-response" style="display: none;">
</div>
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
/* real people should not fill this in and expect good things - do not
remove
this or risk form bot signups */
<input type="text" name="b_f94e23b18befde5c818f04f97_182311dcc4"
tabindex="-1" value="">
</div>
</div>
</form>
</div>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
<script type="text/javascript">
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[3] = 'ADDRESS';
ftypes[3] = 'address';
fnames[4] = 'PHONE';
ftypes[4] = 'phone';
fnames[5] = 'BIRTHDAY';
ftypes[5] = 'birthday';
fnames[6] = 'COMPANY';
ftypes[6] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
</div>
@if (session('message'))
<div class="alert alert-success mt-3">
{{ session('message') }}
</div>
@endif
</div>
</div>
</div>
</div>
</section>
</section>
@endsection
<div class="modal fade city_select_popup" id="city_select_popup" tabindex="-1" aria-labelledby="city_select_popup"
aria-hidden="true">
<div class="modal-dialog city_select_popupDialog">
<div class="modal-content">
<div class="selectcity_modal selectcity_SearchModal">
<div class="popup_body selectCitypopup_body">
<div class="popup_header">
{{-- <h3>Select your city</h3> --}}
<span class="close ms-auto" data-bs-dismiss="modal" aria-label="Close"><i
class="fa fa-times"></i></span>
</div>
<div class="popupBody_row popupBody_rowSearch">
{{-- <div class="searchCity_field">
<input type="text" id="citySearchInput" class="searchField_left" value="" placeholder="Search for your city" />
<div class="searchField_left"><i class="fa fa-search"></i><input
placeholder="Search for your city" type="text" value=""></div>
<div class="useLocation"><a class="currentLocation" href="#!"><i
class="fas fa-map-marker-alt"></i> Use current location</a>
</div>
</div> --}}
<div id="searchResult"></div>
<div class="popular_cities">
<label>Popular cities</label>
<ul id="cityList">
@foreach ($cities as $city)
<li>
<a class="selectCity" href="#!" data-id="{{ $city->id }}"
data-name="{{ $city->name }}"
data-image="{{ $city->getFirstMediaUrl('city_image') ?: asset('assets/front/website/img/default.jpg') }}">
<span>
<img alt="{{ $city->name }}"
src="{{ $city->getFirstMediaUrl('city_image') ?: asset('assets/front/website/img/default.jpg') }}">
</span>
<h6>{{ $city->name }}</h6>
</a>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>